@model IEnumerable<Blogs.LazyFox.Models.BlogModel>

@foreach (var blog in Model!)
{
    var cover = "/img/" + blog.Bid + ".jpg";
    <article class="card rounded-3" style="width: 80%; margin: 5em 10%">
        <img class="img-fluid rounded-top-3" src="@cover" asp-append-version="true" alt="test"
        onerror="this.src='/img/error.jpg';this.onerror=null" />
        <div class="card-body">
            <h1 class="card-title"><a asp-controller="blog" asp-action="read" asp-route-bid="@blog.Bid">@Html.DisplayFor(BlogItem => blog.Title)</a></h1>
            <p class="card-text max-text">@Html.DisplayFor(BlogItem => blog.Introduction)</p>
            <p class="card-text"><small class="text-muted">@Html.DisplayFor(BlogItem => blog.CreateTime)</small></p>
        </div>
    </article>
}